<template>
  <div class="box">
    <h1>发现: {{ $route.query.keyword }}</h1>
    <p>推荐</p>
    <p>排行榜</p>
    <p>歌单</p>

    <button @click="fn">返回上一页</button>
  </div>
</template>

<script>
export default {
  methods: {
    fn() {
      // 1. 跳到某个路径
      // this.$router.push("/路径名")

      // 2. 返回上一页
      // this.$router.back();

      // 3. this.$router.go(-1)等同于back返回上一页
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped>
.box {
  padding: 20px;
  border: 5px solid skyblue;
}
</style>
